<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="SiteName" content="北京市人力资源和保障局门户网站">
	<meta name="SiteDomain" content=" rsj.beijing.gov.cn">
	<meta name="SiteIDCode" content="1100000062">
	<meta name="ColumnName" content="事业单位招聘">
	<meta name="ColumnType" content="机构职能">
	<meta name="ColumnDescription" content="事业单位招聘信息列表展示">
	<meta name="ColumnKeywords" content="事业单位招聘,搜索,区域">
	<title>事业单位招聘</title>
	<link rel="stylesheet" href="./styles/css/common.css">
</head>
<style>
	.jp_bxf .box1 .box_li:hover {
		padding: 0;
		border: 4px solid rgba(255, 153, 0, 1);
		box-shadow: 0 0 3px #FF9900;
	}

	.jp_bxf .box1 .line {
		width: 160px;
		border-top: 1px solid rgba(204, 204, 204, 1);
		padding-top: 15px;
		margin: 14px auto;
		color: #666666;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 16px;
	}

	.jp_bxf .box1 .box_li {
		width: 220px;
		height: 200px;
		background: rgba(255, 255, 255, 1);
		border: 1px solid rgba(255, 153, 0, 1);
		border-radius: 12px;
		margin: 0 20px 23px 0;
		padding: 3px;
		box-sizing: border-box;
		float: left;
		position: relative;
		cursor: pointer;
	}

	.jp_bxf .box1 {
		width: 1200px;
		border-bottom: 5px solid #FFFEFF;
		margin: 0 auto;

	}

	.jp_bxf .box1 .demo_img {
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.jp_bxf .box1 .gf_img {
		width: 100%;
		height: 100%;
		margin: auto;
		box-sizing: border-box;
	}

	.jp_bxf .box1 img {
		width: 188px;
		height: 108px;
		display: block;
		margin: 10px auto;
	}
</style>

<body>
	<!-- 公共头部 -->
	<script src="http://rsj.beijing.gov.cn/header.js"></script>
	<!-- 头部 -->
	<div class="job_header" style="margin-bottom:0">
		<div class="job_header_con clearfix">
			<a href="./index.html" class="left">
				<img src="./styles/images/logo.png" alt>
			</a>
			<span class="left sydwzp_fontimg" style="width:300px"></span>
		</div>
	</div>
	<!-- 头部背景图 -->
	<img src="./styles/images/jp_img/sydwzp.png" alt class="titleimg">
	<!-- 5大板块描述 -->
	<!-- 板块内容 -->
	<div class="content jp_bxf zp">
		<!-- 搜索 -->
		<div class="input clearfix">
			<div class="hot left">
				搜索
			</div>
			<div class="option_right left">
				<input class="search_input" type="text" id="rs" placeholder="请输入您要查询的岗位、单位">
				<input type="button" class="search_submit" value>
			</div>
		</div>

		<!-- 条件 -->
		<!-- <div class="condition clearfix">
		<div class="criteria">条件：&nbsp;</div>
		<span class="item_active item" tjid="01">需方信息</span>
		<span class="item" tjid="03">事业单位招聘 </span>
	  </div> -->
		<!-- 地址 -->
		<div class="address clearfix">
			<div class="region">区域： </div>
			<div id="add" class="clearfix">
			</div>
		</div>

		<!-- 岗位 -->
		<!-- <div class="postt clearfix">
			<div class="region">分类： </div>
			<div class="type clearfix">
			</div>

			<div class="disnone clearfix" style="display: none;">
			</div>
			<div class="open clearfix">.. 更多</div>
		</div> -->

		<!-- 内容盒子 -->
		<div class="box1 clearfix">
			<div class="cc" id="page_xf">
				<script type="text/html" id="area_xf">
					<%if(+data.executeResult == 1){%>
					<ul class="box_ul clearfix">
						<% var _data = data.tblb%>
						<%for(var i=0;i<_data.length;i++){%>
						<% var item = _data[i]%>
						<li class="box_li left" title="<%=item.dwmc%>">
							<a class="demo_img" resid="<%=item.resId%>"
								href="<%=!item.dwid?item.requestUri:'./zpLink.html?dwid='+item.dwid+'&xzqhlb='+typestring()%>"
								target="_blank">
								<img src="<%=item.icon%>" alt>
								<!-- 线 -->
								<div class="line"><%=item.dwmc%></div>
							</a>
						</li>
						<%}%>
            <%}%>
					</ul>

				</script>
			</div>
		</div>
	</div>
	<!-- 公共尾部 -->
	<!--<include src="./include/footer.html"></include> -->
	<script src="http://rsj.beijing.gov.cn/footer.js"></script>

	<script src="./common/vendor.js"></script>
	<script src="./common/common.js"></script>
	<script src="./common/md5_32.js"></script>
	<script src="./common/configuration.js"></script>
	<script src="./common/generaltools.js"></script>
	<script>
		$(function () {
			var List = []; // 城区的id
			var typeList = []; // 分类的id
			var typestring = ""; //传给详情页的string
			conditionList = ["01"]; // 条件查询id
			$(document).on('click', '.plate li', function () {
				var _tab = $(this).attr('tab');
				if (_tab == 2) {
					// 供方信息
					window.location.href = './jp_gf.html';
				} else if (_tab == 1) {
					// 需方信息
					window.location.href = './kyjp.html';
				} else if (_tab == 4) {
					// 服务机构信息
					window.location.href = './jp_zc.html';
				} else if (_tab == 5) {
					// 服务机构信息
					window.location.href = './jp_jg.html';
				}
			})
			// 点击城区切换调取数据
			$(document).on('click', '.address .item', function () {
				var _class = $(this).hasClass('item_active');
				if (!_class) {
					$(this).addClass('item_active'); // 判断有没有类名 没有类名的添加 把全部的类名去掉  把zpqid添加到数组 同时触发查询的点击事件
					$('.address .all_item').removeClass('item_active');
					List.push($(this).attr('zpqid'));

					$('.search_submit').click();
				} else {
					$(this).removeClass('item_active');
					List.splice(List.indexOf($(this).attr('zpqid')), 1); // 再次点击删除类名 从数组中删除相对应的zpqid值 同时触发查询的点击事件
					$('.search_submit').click();
				}
				if (List.length == 0) { // 当数组的长度为0时  给全部添加类名
					$('.address .all_item').addClass('item_active');
				}
			});
			// 城区全部
			$(document).on('click', '.address .all_item', function () { //点击全部的时候
				var _class = $(this).hasClass('item_active');
				if (!_class) {
					$(this).addClass('item_active');
					$('.address .item').removeClass('item_active');
					List = [];
					$('.search_submit').click();
				}
			});
			// 切换分类调取数据                                                           分类同城区如上所示
			$(document).on('click', '.postt .item', function () {
				var _class = $(this).hasClass('item_active');
				if (!_class) {
					$(this).addClass('item_active');
					$('.postt .all_item').removeClass('item_active');
					typeList.push($(this).attr('gwlmbh'));
					$('.search_submit').click();
				} else {
					$(this).removeClass('item_active');
					typeList.splice(typeList.indexOf($(this).attr('gwlmbh')), 1);
					$('.search_submit').click();
				}
				if (typeList.length == 0) {
					$('.postt .all_item').addClass('item_active');
				}
			})
			// 分类全部
			$(document).on('click', '.postt .all_item', function () {
				var _class = $(this).hasClass('item_active');
				if (!_class) {
					$(this).addClass('item_active');
					$('.postt .item').removeClass('item_active');
					typeList = [];
					$('.search_submit').click();
				}
			});
			// 条件查询
			$(document).on('click', '.condition .item', function () {
				var _class = $(this).hasClass('item_active');
				if (!_class) {
					$(this).addClass('item_active');
					$('.condition .all_item').removeClass('item_active');
					conditionList.push($(this).attr('tjid'));
					$('.search_submit').click();
				} else {
					$(this).removeClass('item_active');
					conditionList.splice(conditionList.indexOf($(this).attr('tjid')), 1);
					$('.search_submit').click();
				}
			})
			// 点击记录
			$(document).on('click', '.demo_img', function () {
				var _resid = $(this).attr('resid');
				viewNum($(this).attr('resid'));
			})
			// 查询 点击查询
			$(document).on('click', '.search_submit', function () {
				var InputValue = $('.search_input').val();
				getxf_Cx(conditionList, List, typeList, InputValue); // 调取接口   // 条件的数组值 城区的数组值  分类是数组值     还有查询输入的val值
			})
			// 获取到北京市的行政区划
			function getQu() {
				$.fetch({
					url: '/zyjp/qxlbCx',
					type: 'get'
				}).done(function (res) {
					var _res = res.returnData;
					dqrq = _res.dqrq;
					if (+_res.executeResult == 1) {
						var _data = _res.qxlb;
						var _html = '<span class="item_active all_item" zpqid="">全部</span>';
						$.each(_data, function (k, v) {
							_html += '<span class="item" title="' + v.xzqhjc + '" zpqid="' + v.xzqhdm + '">' + v.xzqhjc +
								'</span>'
						});
						$('#add').html(_html);
						// 调取查询接口
					} else {
						$.layerMsg(_res.message, '我知道了');
					}
				})
			}
			getQu();
			// 获取到分类的get接口
			function getType(str) {
				$.fetch({
					url: '/zyjp/gwlmlbCx',
					type: 'get'
				}).done(function (res) {
					var _res = res.returnData;
					if (+_res.executeResult == 1) { //先截取后面的 slice 返回原数组    splice返回改变后的数组 即不是原数组
						//  截取10个以后 放入 隐藏兰
						var _data = _res.gwlmlb.slice(str);
						var _html = "";
						$.each(_data, function (k, v) {
							_html += '<span class="item" title="' + v.gwlm + '" gwlmbh="' + v.gwlmbh + '">' + v.gwlm +
								'</span>'
						});
						$('.disnone').html(_html);
						// 截取前10个放入显示栏
						var data_ = _res.gwlmlb.splice(0, str);
						var html_ = '<span class="item_active all_item" gwlmbh="">全部</span>';
						$.each(data_, function (k, v) {
							html_ += '<span class="item" title="' + v.gwlm + '" gwlmbh="' + v.gwlmbh + '">' + v.gwlm +
								'</span>'
						});
						$('.type').html(html_);
						// 调取查询接口
					} else {
						$.layerMsg(_res.message, '我知道了');
					}
				})
			}
			// 分类接口调用
			// getType(9)
			getxf_Cx(conditionList) // 自行调用查询接口一遍 用来展示全部数据
			//  需方的查询
			function getxf_Cx(tjid, ssqs, gwlms, ssnr) { // 条件id 城区id  分类id  查询输入内容
				var index = 0;
				var data = {
					ssqs: ssqs || [],
					gwlms: gwlms || [],
					ssnr: ssnr,
					tjid: ['03'],
					pageSize: 50,
					pageNum: index,
					mkId: 70
				}
				$('#page_xf').pageTool({
					url: '/zyjp/getTblb?',
					type: 'post',
					data: data,
					locator: 'returnData',
					errMes: '当前无相关招聘信息！！',
					beforeInit: function (res) {
						if (res.returnData.executeResult == '1') {
							// typestring =List.toString();
							// console.log(typestring)
							var _tblb = res.returnData.tblb;
							$.each(_tblb, function (k, v) {
								if (v.dwid) {
									v.icon = conf.urlPrefix + '/zyjp/getLogo?icon=' + v.icon
								} else {
									v.icon = './styles/images/logo/' + v.icon
								}
							});
							return res;
						}
					},
					callback: function (res) {
						$('.pageTool_previous').html('上一页&nbsp;');
						$('.pageTool_next').html('下一页&nbsp;');
						var _res = res.returnData;
						if (_res.executeResult == '1') {
							index++;
						} else {
							$.layerMsg(_res.message, '我知道了', function () {
								return false;
							});
						}
					}
				});
			}
			template.helper('typestring', function () {
				if (List.length == 0) {
					return '';
				} else {
					return List.toString()
				}
			})
			// 控制展开收起
			$(document).on("click", ".postt .open", function () {
				var _class = $(this).hasClass('zk_active');
				if (!_class) {
					$(this).addClass('zk_active');
					$(this).text('收起');
					$(".disnone").slideDown();
				} else {
					$(this).removeClass('zk_active');
					$(this).text('.. 更多');
					$(".disnone").slideUp();
				}
			})
		})

	</script>


</body>

</html>
